// 封装分类相关的数据管理
import { getHeaderAPI } from '@/api/layout'
export default {
  namespaced: true,
  state: {
    categoryList: []
  },
  mutations: {
    setCategoryList (state, list) {
      state.categoryList = list
    }
  },
  actions: {
    async fetchCategoryList (ctx) {
      // 1. 调用后端接口
      const res = await getHeaderAPI()
      // 2. 提交mutation函数 存入数据
      ctx.commit('setCategoryList', res.data.result)
    }
  }
}

// 1. vuex中数据管理相关的所有的事儿 异步action -> 同步mutation -> state修改
// 2. 找个合适的位置 去把action函数触发起来 ？
